media queries

<head>
    <!-- Des choses -->
    <meta name="viewport" content="width=device-width"/>
    <!-- Encore des choses -->
</head>

Vous pouvez comprendre cette balise comme : "La largeur de mon site correspondra à la largeur de l'appareil." 
Vous pouvez également utiliser la constante device-height avec la propriété height, mais cette utilisation est beaucoup moins courante.

emulateur de terminaux mobile: chrome integre la fonction

Smartphones 320 à 480 (max-width: 480px)